<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>测试</title>
<script src="js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
<!--
.xian{border-left-style:none;border-right-style:none;border-style:none; }
.xian1{border-left-style:1;border-right-style:1;border-style:1; }
-->
</style>
<script   type="text/javascript">
$(function(){
		$("#p").focus(function(){
			$(this).removeClass("xian");
			$(this).addClass("xian1");
		});
		$("#p").blur(function(){
			$(this).removeClass("xian1");
			$(this).addClass("xian");
			
		});
});
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p>

<input id="p" type="text" name="name" class=xian value='自己做样式' >
</p>
</body>
</html>
